﻿<!DOCTYPE html>
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<!-- Basic Page Needs -->
	<meta charset="UTF-8">
	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<title>订单</title>


	<!-- Mobile Specific Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- Boostrap style -->
	<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">

	<!-- Theme style -->
	<link rel="stylesheet" type="text/css" href="/css/style.css">

	<!-- Reponsive -->
	<link rel="stylesheet" type="text/css" href="/css/responsive.css">

</head>
<body class="header_sticky">
<div class="boxed">

	<section id="header" class="header">

		<div th:replace="./module/header::header"></div>
		<div th:replace="./module/category::category"></div>

	</section><!-- /#header -->

		<section class="flat-breadcrumb">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<ul class="breadcrumbs">
							<li class="trail-item">
								<a href="#" title="">主页</a>
								<span><img src="images/icons/arrow-right.png" alt=""></span>
							</li>
							<li class="trail-item">
								<a href="#" title="">商城</a>
								<span><img src="images/icons/arrow-right.png" alt=""></span>
							</li>
							<li class="trail-end">
								<a href="#" title="">我的订单</a>
							</li>
						</ul><!-- /.breacrumbs -->
					</div><!-- /.col-md-12 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</section><!-- /.flat-breadcrumb -->

		<section class="flat-shop-cart">
			<div class="container">
				<div class="row">
					<div class="col-lg-8">
						<div class="flat-row-title style1">
							<h3>我的订单</h3>
						</div>
						<div class="table-cart">
							<table>
								<thead>
									<tr>
										<th>订单号</th>
										<th> </th>
										
										<th>合计</th>
								
										<th>单号</th>
									</tr>
								</thead>
								<tbody>
									<tr th:each="order : ${orderList}">
										<td>
											<div class="total">
												[[${order.orderId}]]
											</div>											
											<span>
												<a th:href="|http://localhost:8088/info/${order.orderId}.html|">查看订单详细</a>
											</span>
										</td>
										<td>
											<div class="price">
												[[${order.dateStr1}]]
											</div>
										</td>
										<td>
											<div class="total">
												[[${order.totalFee}]]
											</div>
										</td>
										<td>
											<div class="total">
												[[${order.shippingName}]]
												<span>[[${order.shippingCode}]]</span>
											</div>
										</td>
									</tr>									
								</tbody>
							</table>							
						</div><!-- /.table-cart -->
					</div><!-- /.col-lg-8 -->
					<div class="col-lg-4">
						<div class="cart-totals">
							<h3>我的信息</h3>
							<form action="#" method="get" accept-charset="utf-8">
								<table>
									<tbody>
										<tr>
											<td>账号名</td>
											<td class="subtotal">[[${mallUserDTO.username}]] </td>
										</tr>
										<tr>
											<td>电话</td>
											<td class="btn-radio">
												<div class="radio-info">
													<label >[[${mallUserDTO.phone}]]</label>
												</div>
																						
											</td><!-- /.btn-radio -->
										</tr>
										<tr>
											<td>注册时间</td>
											<td class="price-total">[[${mallUserDTO.created}]]</td>
										</tr>
									</tbody>
								</table>
								<div class="btn-cart-totals">
									<a href='http://localhost:8088' class="update" title="">继续购物</a>
									<a href="http://localhost:8087/order/order-cart.html" class="checkout" title="">购物车</a>
								</div><!-- /.btn-cart-totals -->
							</form><!-- /form -->
						</div><!-- /.cart-totals -->
					</div><!-- /.col-lg-4 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</section><!-- /.flat-shop-cart -->



		<script type="text/javascript" src="javascript/footer.js"></script>


	</div><!-- /.boxed -->

<!-- Javascript -->
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/tether.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/waypoints.min.js"></script>
<script type="text/javascript" src="/js/jquery.circlechart.js"></script>
<script type="text/javascript" src="/js/easing.js"></script>
<script type="text/javascript" src="/js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="/js/owl.carousel.js"></script>
<script type="text/javascript" src="/js/smoothscroll.js"></script>
<script type="text/javascript" src="/js/jquery-ui.js"></script>
<script type="text/javascript" src="/js/jquery.mCustomScrollbar.js"></script>
<script type="text/javascript" src="/js/gmap3.min.js"></script>
<script type="text/javascript" src="/js/waves.min.js"></script>
<script type="text/javascript" src="/js/jquery.countdown.js"></script>

<script type="text/javascript" src="/js/main.js"></script>


</body>	
</html>
